// 切换登录和扫码
$('.numLogin').addEventListener('click', function () {
    $('.numLogin').classList.add('active')
    $('.scanLogin').classList.remove('active')
    $('.change1').style.display = 'block'
    $('.change2').style.display = 'none'
})
$('.scanLogin').addEventListener('click', function () {
    $('.scanLogin').classList.add('active')
    $('.numLogin').classList.remove('active')
    $('.change1').style.display = 'none'
    $('.change2').style.display = 'block'
})

// 输入框有值显示删除按钮
$('.useNum').addEventListener('input', function () {
    $('.x1').style.display = 'block'
})
// 输入框点击删除按钮，删除输入框值 ,并隐藏删除按钮
$('.x1').addEventListener('click', function () {
    $('.useNum').value = ''
    $('.x1').style.display = 'none'
})

// 密码有值显示删除按钮
$('.psd').addEventListener('input', function () {
    $('.x2').style.display = 'block'
})
// 密码点击删除按钮，删除输入框值 ,并隐藏删除按钮
$('.x2').addEventListener('click', function () {
    $('.psd').value = ''
    $('.x2').style.display = 'none'
})

// 输入框正确格式,失去焦点时显示错误

let reg = /^1[3|4|5|6|7|8|9][0-9]{9}$/;

$('.useNum').addEventListener('blur', function () {
    let bool = reg.test(this.value)
    if (!bool) {
        $('.useFormat').style.display = 'block'
    } else {
        $('.useFormat').style.display = 'none'
    }


})

// 密码框正确格式,失去焦点时显示错误

let reg2 = /^[0-6]{6}$/;

$('.psd').addEventListener('blur', function () {
    let bool2 = reg2.test(this.value)
    if (!bool2) {
        $('.psdFormat').style.display = 'block'
    } else {
        $('.psdFormat').style.display = 'none'
    }
})

//启动定时器
setInterval(function () {
    $('.useFormat').style.display = 'none'
}, 2000)

setInterval(function () {
    $('.psdFormat').style.display = 'none'
}, 2000)



// 点击登录按钮验证用户名和密码正确性，正确跳转页面
$('.change1').addEventListener('submit', function (e) {
    let b1 = reg.test($('.useNum').value)
    let b2 = reg2.test($('.psd').value)
    let b3 = b1 && b2
    console.log(b3);

    if (!b1) {
        $('.useFormat').style.display = 'block'

        e.preventDefault();

    } else if (!b2) {
        $('.psdFormat').style.display = 'block'

        e.preventDefault();
    } else if (b3) {
        let cont = 5
        let timer = setInterval(function () {
            cont--
            $('.trueFormat').style.display = 'block'
            if (cont === 0) {
                $('.trueFormat').style.display = 'none'
                clearInterval(timer);

            }
        }, 500)
        e.preventDefault();

        let p = setInterval(function () {
            ++cont
            if (cont === 2) {
                clearInterval(p);
                location.href = '../home/home.html'

            }
        }, 1000)
    }
})
